<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="mui.min.js"></script>
    <link href="mui.min.css" rel="stylesheet"/>
    <script type="text/javascript" charset="UTF-8">
      	mui.init();
    </script>
</head>
<body>
	
	   <nav class="mui-bar mui-bar-tab">
    	<a href="#shouye" class="mui-tab-item mui-active" id="shouye">
    		<span class="mui-icon mui-icon-home"></span>
    		<span class="mui-tab-lable">首页</span>
    	</a>
    	<a href="" class="mui-tab-item">
    		<span class="mui-icon mui-icon-list"></span>
    		<span class="mui-tab-lable">分类</span>
    	</a>
    	<a href="" class="mui-tab-item">
    		<span class="mui-icon mui-icon-chatbubble"></span>
    		<span class="mui-tab-lable">会话</span>
    	</a>
    	<a href="#" class="mui-tab-item"  id="logoin">
    		<span class="mui-icon mui-icon-person"></span>
    		<span class="mui-tab-lable">我的</span>
    	</a>
    </nav>
      <div style="width: 110px;height: 700px;background-color: rosybrown;">
      </br>
      	<p style="color: black;padding: 8px;text-align: center;font-size: 16px;">
      		<a href="#tuijian" id="tuijian" >推荐分类</a></p>
      		<p style="color: black;padding: 10px;text-align: center;font-size: 16px;">推荐分类</p>
      			<p style="color: black;padding: 10px;text-align: center;font-size: 16px;">推荐分类</p>
      				<p style="color: black;padding: 10px;text-align: center;font-size: 16px;">推荐分类</p>
      					<p style="color: black;padding: 10px;text-align: center;font-size: 16px;">推荐分类</p>
      					<p style="color: black;padding: 10px;text-align: center;font-size: 16px;">推荐分类</p>
      					<p style="color: black;padding: 10px;text-align: center;font-size: 16px;">推荐分类</p>
      					<p style="color: black;padding: 10px;text-align: center;font-size: 16px;">推荐分类</p>
      					<p style="color: black;padding: 10px;text-align: center;font-size: 16px;">推荐分类</p>
      					<p style="color: black;padding: 10px;text-align: center;font-size: 16px;">推荐分类</p>
      					<p style="color: black;padding: 10px;text-align: center;font-size: 16px;">推荐分类</p>
      </div>
      <div class="mui-content"></div>
     
     
</body>
<script src="logoin.js" type="text/javascript" charset="utf-8"></script>
 <script type="text/javascript">
		//启用双击监听
		mui.init({
			gestureConfig:{
				doubletap:true
			},
			subpages:[{
				url:'pullrefresh_sub.html',
				id:'pullrefresh_sub.html',
				styles:{
					top: '45px',
					bottom: '0px'
				
				}
			}]
		});
	
		var contentWebview = null;
		document.querySelector('header').addEventListener('doubletap',function () {
			if(contentWebview==null){
				contentWebview = plus.webview.currentWebview().children()[0];
			}
			contentWebview.evalJS("mui('#pullrefresh').pullRefresh().scrollTo(0,0,100)");
		});
	</script>
</html>